<template>
  <div class="cofirmorder-footer">
    <div class="dividing"></div>
    <div class="cofirmorder-footer__textarea">
      <textarea name=""
                v-model="params.message"
                placeholder="请填写您的留言"
                id=""></textarea>
    </div>
    <div class="dividing"></div>
    <div class="cofirmorder-footer__product">
      <div class="cofirmorder-footer__product__gj">
        <span>共{{newModel.numTotal}}件商品，小计:</span>
        <span>{{newModel.priceTotal | math-money}}</span>
      </div>
    </div>
    <div class="cofirmorder-footer__line"></div>
  </div>
</template>
<style lang="stylus" scoped>
.dividing {
  width: 100%;
  height: 1px;
  background-color: #e6e6e6;
}

.cofirmorder-footer {
  .cofirmorder-footer__textarea {
    display: flex;
    justify-content: center;
    flex-direction: row;
    padding: 20px 0px;
    box-sizing: border-box;

    textarea {
      width: 90%;
      height: 80px;
      padding: 12px 20px;
      border: 1px solid #999999;
    }
  }

  .cofirmorder-footer__product {
    width: 100%;
    height: 112px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    padding: 0 20px;
    box-sizing: border-box;

    .cofirmorder-footer__product__gj {
      span {
        font-size: 28px;
        color: #333333;
        text-align: left;
      }

      span:nth-of-type(2) {
        color: #e31436;
      }
    }
  }

  .cofirmorder-footer__line {
    width: 100%;
    height: 15px;
    background-color: #f8f8f8;
  }
}
</style>
<script>

export default {
  name: 'cofirmorder-footer',
  mixins: [],
  data () {
    return {}
  },
  props: {
    params: {
      type: Object
    },
    index: {
      type: Number
    },
    newModel: {
      type: Object
    }
  },
  mounted () {},
  watch: {},
  methods: {
  }
}
</script>
